<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="text/javascript" charset="utf-8" src="arcOscTranslator.js"></script>

  <title>TouchOSC Test Bed</title>
  
  <style type="text/css" media="screen">
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
  
  body{
    font-family: Helvetica, Arial, sans-serif;
    padding: 20px;
  }
  
  h1{
    font-size: 16px;
    padding: 10px 0;
  }
  
  h3{
    font-size: 14px;
    padding: 20px 0px 20px 10px;
    margin: 10px 0 0 0;
    background-color: #BEBEBE;
    font-weight: bold;
    
  }
  
  h4{
    font-size: 14px;
    padding: 10px 0;
    font-family: "Lucida Console", Monaco, Courier, "Courier New", monospace;  
  }
  
  p{
    font-family: "Lucida Console", Monaco, Courier, "Courier New", monospace;  
    font-size: 10px;
  }
  
  </style>
</head>

<body>

<h1>Touch OSC Translation JS Test Page</h1>

<h3>ArcRingSet</h3>
<h4>arcRingSet(1, 25, 14); - should output /arc1led1/9/14</h4>
<script type="text/javascript" charset="utf-8">
  arcRingSet(1, 25, 14);
</script>


<h3>arcRingAll</h3>
<h4>arcRingAll(1, 14); - should output /arc1led0/1/14 to /arc1led3/16/14</h4>
<script type="text/javascript" charset="utf-8">
  arcRingAll(1, 14);
</script>

<h3>arcRingMap</h3>
<h4>arcRingMap(1, [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,2,3,4,5,6,7,8]);</h4>
<script type="text/javascript" charset="utf-8">
  arcRingMap(1, [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,2,3,4,5,6,7,8]);
</script>

<h3>arcRingRange</h3>
<h4>arcRingRange(1, 10, 15, 10); - Should output /arc1led0/10/10 to /arc1led0/15/10</h4>
<script type="text/javascript" charset="utf-8">
  arcRingRange(1, 10, 15, 10);
</script>

<h4>arcRingRange(1, 60, 4, 8); - Should output /arc1led3/12/8 thru 64 and into /arc1led0/4/8</h4>
<script type="text/javascript" charset="utf-8">
  arcRingRange(1, 60, 4, 8);
</script>

</body>
</html>
